<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>教师端查询成绩</title>
    <!-- Mobile specific metas -->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <!-- Force IE9 to render in normal mode -->
    <!--[if IE]>
    <meta http-equiv="x-ua-compatible" content="IE=9"/><![endif]-->
    <meta name="author" content="SuggeElson"/>
    <meta name="description" content=""/>
    <meta name="keywords" content=""/>
    <meta name="application-name" content="sprFlat admin template"/>
    <!-- Import google fonts - Heading first/ text second -->
    <link rel='stylesheet' type='text/css'/>

    <!-- Icons -->
    <link href="../../../assets/css/icons.css" rel="stylesheet"/>
    <!-- jQueryUI -->
    <link href="../../../assets/css/sprflat-theme/jquery.ui.all.css" rel="stylesheet"/>
    <!-- Bootstrap stylesheets (included template modifications) -->
    <link href="../../../assets/css/bootstrap.css" rel="stylesheet"/>
    <!-- Plugins stylesheets (all plugin custom css) -->
    <link href="../../../assets/css/plugins.css" rel="stylesheet"/>
    <!-- Main stylesheets (template main css file) -->
    <link href="../../../assets/css/main.css" rel="stylesheet"/>
    <!-- Custom stylesheets ( Put your own changes here ) -->
    <link href="../../../assets/css/custom.css" rel="stylesheet"/>
    <!-- Fav and touch icons -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144"
          href="../../../assets/img/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114"
          href="../../../assets/img/ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72"
          href="../../../assets/img/ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="../../../assets/img/ico/apple-touch-icon-57-precomposed.png">
    <link rel="icon" href="../../../assets/img/ico/favicon.ico" type="image/png">
    <!-- Windows8 touch icon ( http://www.buildmypinnedsite.com/ )-->
    <meta name="msapplication-TileColor" content="#3399cc"/>


</head>
<body>
<!-- Start #header -->
<div id="header">
    <div class="container-fluid">
        <div class="navbar">
            <div class="navbar-header">
                <a class="navbar-brand" href="../index.html">
                    <i class="im-windows8 text-logo-element animated bounceIn"></i><span
                        class="text-logo">spr</span><span class="text-slogan">flat</span>
                </a>
            </div>
            <nav class="top-nav" role="navigation">
                <ul class="nav navbar-nav pull-left">
                    <li id="toggle-sidebar-li">
                        <a href="#" id="toggle-sidebar"><i class="en-arrow-left2"></i>
                        </a>
                    </li>
                    <li>
                        <a href="#" class="full-screen"><i class="fa-fullscreen"></i></a>
                    </li>


                </ul>

            </nav>
        </div>
        <!-- Start #header-area -->
        <div id="header-area" class="fadeInDown">
            <div class="header-area-inner">
                <ul class="list-unstyled list-inline">
                    <li>
                        <div class="shortcut-button">
                            <a href="#">
                                <i class="im-pie"></i>
                                <span>Earning Stats</span>
                            </a>
                        </div>
                    </li>
                    <li>
                        <div class="shortcut-button">
                            <a href="#">
                                <i class="ec-images color-dark"></i>
                                <span>Gallery</span>
                            </a>
                        </div>
                    </li>
                    <li>
                        <div class="shortcut-button">
                            <a href="#">
                                <i class="en-light-bulb color-orange"></i>
                                <span>Fresh ideas</span>
                            </a>
                        </div>
                    </li>
                    <li>
                        <div class="shortcut-button">
                            <a href="#">
                                <i class="ec-link color-blue"></i>
                                <span>Links</span>
                            </a>
                        </div>
                    </li>
                    <li>
                        <div class="shortcut-button">
                            <a href="#">
                                <i class="ec-support color-red"></i>
                                <span>Support</span>
                            </a>
                        </div>
                    </li>
                    <li>
                        <div class="shortcut-button">
                            <a href="#">
                                <i class="st-lock color-teal"></i>
                                <span>Lock area</span>
                            </a>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <!-- End #header-area -->
    </div>
    <!-- Start .header-inner -->
</div>
<!-- End #header -->

<!-- Start #sidebar -->
<div id="sidebar">
    <!-- Start .sidebar-inner -->
    <div class="sidebar-inner">
        <!-- Start #sideNav -->
        <ul id="sideNav" class="nav nav-pills nav-stacked">
            <li class="top-search">
                <form>
                    <input type="text" name="search" placeholder="Search ...">
                    <button type="submit"><i class="ec-search s20"></i>
                    </button>
                </form>
            </li>
            <!--  <li><a href="../index.html">我的空间 <i class="im-screen"></i></a>

              </li>

              <li><a href="#">我的身份信息 <i class="ec-user"></i></a>
              </li>-->

            <li><a href="../index.html">我的空间 <i class="im-screen"></i></a>

            </li>

            <li><a href="../person/personShow.html">我的身份信息 <i class="ec-user"></i></a>
            </li>

            <li><a href="#">公告管理 <i class="im-home2"></i></a>
                <ul class="nav sub">
                    <li><a href="../notice/noticeManger.html"><i class="im-pencil2"></i> 管理公告</a>
                    </li>
                    <li><a href="../notice/noticeIssue.html"><i class="im-warning"></i> 发布公告</a>
                    </li>
                </ul>
            </li>



            <li><a href="#">学生信息管理 <i class="ec-pencil"></i></a>
                <ul class="nav sub">
                    <li><a href="../studentManagement/studentRegister.html"><i class="im-pencil2"></i> 学生注册</a>
                    </li>
                    <li><a href="../studentManagement/studentDelete.html"><i class="im-pencil2"></i> 学生删除</a>
                    </li>
                </ul>
            </li>

            <li><a href="#">成绩管理 <i class="ec-pencil"></i></a>
                <ul class="nav sub">
                    <li><a href="../mark/MarkManger.html"><i class="im-pencil2"></i> 成绩查询</a>
                    </li>

                    <li><a href="../mark/FrontPageAddUpdateMark.html"><i class="im-warning"></i> 成绩管理</a>
                    </li>
                    <li><a href="../mark/WarningManger.html"><i class="im-warning"></i> 学业警示管理</a>
                    </li>
                </ul>
            </li>

            <li><a href="#">社会实践管理 <i class="ec-star"></i></a>
                <ul class="nav sub">

                    <li><a href="../project/mangerProject.html"><i class="im-pencil2"></i> 项目管理</a>
                    </li>
                </ul>
            </li>


            <li><a href="#">党建管理 <i class="ec-users"></i></a>
                <ul class="nav sub">

<li><a href="../partyActivity/partyActivity.html"><i class="im-pencil2"></i> 党支部活动</a>                     </li>                     <li><a href="../partyActivity/partyActivityAdd.html"><i class="im-pencil2"></i> 党支部活动添加</a>                     </li>                     <li><a href="../partyApply/partyapplyHandle.html"><i class="im-pencil2"></i> 入党申请管理</a>                     </li>                     <li><a href="../partyMember/partyMember.html"><i class="im-pencil2"></i> 党员信息管理</a>                     </li>
                </ul>
            </li>



        </ul>

    </div>
    <!-- End .sidebar-inner -->
</div>
<!-- End #sidebar -->


<!-- Start #content -->
<div id="content">
    <!-- Start .content-wrapper -->
    <div class="content-wrapper">
        <div class="row">
            <!-- Start .row -->
            <!-- Start .page-header -->
            <div class="col-lg-12 heading">
                <h1 class="page-header"><i class="im-table2"></i> 成绩查询</h1>
                <!-- Start .bredcrumb -->
<!--<ul id="crumb" class="breadcrumb">-->                 <!--</ul>
                <!--查询开始-->

                <div class="form-group">
                    <div class="col-lg-10 col-md-10">
                        <div class="row">
                            <div class="col-lg-3 col-md-3">
                                <span class="help-block">学年</span>
                                <select id="termYear" class="form-control">
                                    <option value="">-请选择-</option>

                                    <option value="2016-2017">2016-2017</option>
                                    <option value="2015-2016">2015-2016</option>

                                </select>
                            </div>
                            <div class="col-lg-3 col-md-3">
                                <span class="help-block">学期</span>
                                <select id="termNum" class="form-control">
                                    <option value="">-请选择-</option>
                                    <option value="第一学期">第一学期</option>
                                    <option value="第二学期">第二学期</option>
                                </select>
                            </div>

                            <div class="col-lg-3 col-md-3">
                                <span class="help-block">课程类别</span>
                                <select id="courseType" class="form-control">
                                    <option value="">-请选择-</option>
                                </select><br>
                            </div>
                            <div class="col-lg-3 col-md-3">
                                <span class="help-block">课程名称</span>
                                <select id="courseName" class="form-control">
                                    <option value="">-请选择-</option>
                                </select>
                            </div>

                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-lg-12">
                        <div class="row">
                            <div class="col-lg-2 col-md-2 col-xs-12">
                                <span class="help-block"> <br></span></span>
                                <input id="selectFailGrade" type="button" class="btn btn-primary"value="不及格成绩查询">
                            </div>
                            <div class="col-lg-2 col-md-2 col-xs-12">
                                <span class="help-block"> <br></span></span>
                                <input id="selectMark" type="button"class="btn btn-primary" value="查询" onclick="selectMark(),chart(),chart2()">
                                <br><br>
                            </div>
                            <br>
                        </div>
                    </div>

                </div>
                <div>
                    <!-- <br><br>
                     <button type="button" id="selectMark" class="btn btn-primary">查询</button>-->

                </div>
                <!--查询结束-->
            </div>


            <!-- End .page-header -->
        </div>

        <!-- End .row -->
        <div class="outlet">

            <!-- Start .outlet -->
            <!-- Page start here ( usual with .row ) -->
            <div class="row">
                <div class="col-lg-12">
                    <!-- col-lg-12 start here -->
                    <div class="panel panel-default plain toggle panelClose panelRefresh">
                        <!-- Start .panel -->
                        <div class="panel-heading white-bg">
                            <h4 class="panel-title">原始成绩</h4>
                        </div>
                        <div class="panel-body">
                            <table class="table display" id="dataTable">
                                <thead id="t">
                                <tr>
                                    <!-- <th>学期学年</th>-->
                                    <th>学号</th>
                                    <th>姓名</th>
                                    <th>学年</th>
                                    <th>学期</th>
                                    <th>课程号</th>
                                    <th>课程名称</th>
                                    <th>课程类别</th>
                                    <th>学分</th>
                                    <th>成绩</th>
                                </tr>
                                </thead>
                                <!--动态添加查询的数据-->
                                <!--<tbody id="txug">


                                </tbody>-->
                                <tfoot>
                                <tr>
                                    <th>学号</th>
                                    <th>姓名</th>
                                    <th>学年</th>
                                    <th>学期</th>
                                    <th>课程号</th>
                                    <th>课程名称</th>
                                    <th>课程类别</th>
                                    <th>学分</th>
                                    <th>成绩</th>
                                </tr>
                                </tfoot>
                            </table>
                        </div>
                    </div>
                    <!-- End .panel -->
                </div>
                <!-- col-lg-12 end here -->
            </div>

            <!-- Page End here -->
        </div>
        <!-- End .outlet -->
    </div>
    <!-- End .content-wrapper -->
    <div class="content-wrapper">
        <!-- End .row -->
        <div class="outlet">
            <!-- Start .outlet -->
            <div class="row">
                <div class="col-lg-12">
                    <!-- col-lg-12 start here -->
                    <div class="panel panel-default plain toggle panelClose panelRefresh">
                        <!-- Start .panel -->
                        <div class="panel-heading white-bg">
                            <h4 class="panel-title">成绩统计</h4>
                        </div>
                        <div class="panel-body">
                            <span id="chartmain" style="width:40%; height: 400px; white-space: nowrap;float: left"></span>
                            <span id="chartContainer" style="height: 400px; width:60%;white-space: nowrap;float: right"></span>
                        </div>

                    </div>
                    <!-- End .panel -->
                </div>
                <!-- col-lg-12 end here -->
            </div>

            <!-- Page End here -->
        </div>
    </div>

    <div class="clearfix"></div>
</div>
<!-- End #content -->
<!-- Javascripts -->
<!-- Load pace first -->
<script src="../../../assets/plugins/core/pace/pace.min.js"></script>
<!-- Important javascript libs(put in all pages) -->
<script src="../../../assets/js/jquery-1.8.3.min.js"></script>

<script>
    window.jQuery || document.write('<script src="../../../assets/js/libs/jquery-2.1.1.min.js">\x3C/script>')
</script>
<script src="../../../assets/js/jquery-ui.js"></script>
<script>
    window.jQuery || document.write('<script src="../../../assets/js/libs/jquery-ui-1.10.4.min.js">\x3C/script>')
</script>

<!-- Bootstrap plugins -->

<script src="../../../assets/js/bootstrap/bootstrap.js"></script>
<!-- Core plugins ( not remove ever) -->
<!-- Handle responsive view functions -->
<script src="../../../assets/js/jRespond.min.js"></script>
<!-- Custom scroll for sidebars,tables and etc. -->
<script src="../../../assets/plugins/core/slimscroll/jquery.slimscroll.min.js"></script>
<script src="../../../assets/plugins/core/slimscroll/jquery.slimscroll.horizontal.min.js"></script>
<!-- Resize text area in most pages -->
<script src="../../../assets/plugins/forms/autosize/jquery.autosize.js"></script>
<!-- Proivde quick search for many widgets -->
<script src="../../../assets/plugins/core/quicksearch/jquery.quicksearch.js"></script>
<!-- Bootbox confirm dialog for reset postion on panels -->
<script src="../../../assets/plugins/ui/bootbox/bootbox.js"></script>
<!-- Other plugins ( load only nessesary plugins for every page) -->
<script src="../../../assets/plugins/core/moment/moment.min.js"></script>
<script src="../../../assets/plugins/charts/sparklines/jquery.sparkline.js"></script>
<script src="../../../assets/plugins/charts/pie-chart/jquery.easy-pie-chart.js"></script>
<script src="../../../assets/plugins/forms/icheck/jquery.icheck.js"></script>
<script src="../../../assets/plugins/forms/tags/jquery.tagsinput.min.js"></script>
<script src="../../../assets/plugins/forms/tinymce/tinymce.min.js"></script>
<script src="../../../assets/plugins/tables/datatables/jquery.dataTables.min.js"></script>
<script src="../../../assets/plugins/tables/datatables/jquery.dataTablesBS3.js"></script>
<script src="../../../assets/plugins/tables/datatables/tabletools/ZeroClipboard.js"></script>
<script src="../../../assets/plugins/tables/datatables/tabletools/TableTools.js"></script>
<script src="../../../assets/plugins/misc/highlight/highlight.pack.js"></script>
<script src="../../../assets/plugins/misc/countTo/jquery.countTo.js"></script>
<script src="../../../assets/js/jquery.sprFlat.js"></script>
<script src="../../../assets/js/echarts.common.min.js"></script>
<script src="../../../assets/js/app.js"></script>
<script src="../../../assets/js/pages/data-tables.js"></script>
<script src="../../../myjs/teacher/mark/MarkMangerSelect.js"></script>
<script src="../../../assets/js/layer.js"></script>

<script src="https://canvasjs.com/assets/script/jquery.canvasjs.min.js"></script>
<!--<script src="../../../myjs/teacher/mark/demo.js"></script>-->

</body>
</html>